<template>
    <div class="tuijian-wenben">
      <div v-for="(item,index) in this.$store.state.wenben.text" :key="index">
          <div class="tuijian-wenben-1">
            <div>{{item.text1}}</div>
            <div class="Tjian-1">
              <span>{{item.text2}}</span>
              <span>{{item.text3}}</span>
              <span>{{item.text4}}</span>
            </div>
          </div>
          <div class="tuijian-wenben-2"><img :src="item.src" alt="" /></div>
      </div>
    </div>
</template>

<script>
export default {
  created(){
    this.$store.dispatch("wenbenH",{url:"wenben"})
  },
  // computed:{
  //   newtext(){
  //     return this.$store.state.wenben.text
  //   }
  // }
  
}
</script>

<style scoped>
.tuijian-wenben > div {
  height: 0.8rem;
  border-bottom: .01rem #EDECEA solid;
  display: flex;
  padding:.1rem 0 ;
  box-sizing: border-box;

}
.tuijian-wenben-1{
    width: 75%;
    /* font-size: .18rem; */
}
.tuijian-wenben-2{
    width: 25%;
}
.tuijian-wenben-2>img{
    width: 100%;
}
.Tjian-1>span{
  font-size: .12rem;
  color: gray;
  margin-right: .1rem;
}
</style>